<!DOCTYPE html>
<!-- http://www.webkfa.com -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>HTML5手机页面触屏滑动上下翻页特效</title>
<meta charset="utf-8">
<meta name="apple-touch-fullscreen" content="YES">
<meta name="format-detection" content="telephone=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta http-equiv="Expires" content="-1">
<meta http-equiv="pragram" content="no-cache">
<link rel="stylesheet" type="text/css" href="./hamer_files/main.css">
<link rel="stylesheet" type="text/css" href="./hamer_files/endpic.css">
<script type="text/javascript" src="./hamer_files/offline.js"></script>
<meta name="viewport" content="width=640, user-scalable=no, target-densitydpi=device-dpi">
</head>

<body class="s-bg-ddd pc no-3d perspective yes-3d" style="-webkit-user-select: none;">
    <section class="u-alert">
        <img style="display:none;" src="./hamer_files/loading_large.gif">
        <div class="alert-loading z-move">
            <div class="cycleWrap">	<span class="cycle cycle-1"></span>
                <span class="cycle cycle-2"></span><span class="cycle cycle-3"></span><span class="cycle cycle-4"></span>
            </div>
            <div class="lineWrap">	<span class="line line-1"></span><span class="line line-2"></span><span class="line line-3"></span>
            </div>
        </div>
    </section>
    <section class="u-arrow">
        <p class="css_sprite01"></p>
    </section>
    <section class="p-ct transformNode-2d transformNode-3d" style="height: 918px;">
        <div class="translate-back" style="height: 918px;">
            <div class="m-page m-fengye" data-page-type="info_pic3" data-statics="info_pic3" style="height: 918px;">
                <div class="page-con lazy-finish" data-position="50% 50%" data-size="cover" style="height: 920px; background-image: url(hamer_files/11.png); background-size: cover; background-position: 50% 50%;">

                </div>
            </div>
            <div class="m-page m-bigTxt f-hide" data-page-type="bigTxt" data-statics="info_list" style="height: 918px;">
                <div class="page-con j-txtWrap lazy-finish" data-position="50% 50%" data-size="cover" style="background-image: url(hamer_files/22.png); background-size: cover; background-position: 50% 50%;"></div>
            </div>
            <div class="m-page m-bigTxt f-hide" data-page-type="bigTxt" data-statics="info_list" style="height: 918px;">
                <div class="page-con j-txtWrap lazy-finish" data-position="50% 50%" data-size="cover" style="background-image: url(hamer_files/4.png); background-size: cover; background-position: 50% 50%;"></div>
            </div>
            <div class="m-page m-bigTxt f-hide" data-page-type="bigTxt" data-statics="info_list" style="height: 918px;">
                <div class="page-con j-txtWrap lazy-finish" data-position="50% 50%" data-size="cover" style="background-image: url(hamer_files/33.png); background-size: cover; background-position: 50% 50%;">
                    <div style="text-align: center;margin-top:91%;font-size: 20px;color: #fff">跳转链接</div>
                </div>
            </div>
        </div>
    </section>
    <section class="u-pageLoading">
        <img src="./hamer_files/load.gif" alt="loading">
    </section>
    <script src="./hamer_files/init.mix.js" type="text/javascript" charset="utf-8"></script>
    <script src="./hamer_files/coffee.js" type="text/javascript" charset="utf-8"></script>
    <script src="./hamer_files/99_main.js" type="text/javascript" charset="utf-8"></script>


</body></html>